<!-- vue模板 -->
<template>
  <div>
    <!--表格数据-->
    <el-table :data="tableData" stripe style="width: 100%">
      <el-table-column prop="date" label="Date" width="180" />
      <el-table-column prop="name" label="Name" width="180" />
      <el-table-column prop="address" label="Address" />
    </el-table>
  </div>
  
</template>

<!-- 组件逻辑-->
<script setup>
 import {ref,onMounted} from 'vue'
 import {queryLocation} from '@/api/set/location.js';
 //响应式对象
 const tableData=ref([]);
 //定义请求方法
 async function init(){
  let res=await queryLocation();
  console.log(res);
 }
 //页面渲染后
 onMounted(()=>{
  init();
 });
</script>

<!-- 组件样式 -->
<style scoped>
</style>